$(function () {
    // 1.加载后 第一时间 请求用户完整信息
    getUserInfo()
    // 2为退出按钮绑定事件
$('#logoutBtn').on('click',function(){
    // 询问用户使用layui提供的确认框
    layui.layer.confirm('确定要当舔狗吗',{icon:3,title:'提示'}, function(index){
        // 2.如果点击确定则清空token值 在跳转到登录页面
        localStorage.removeItem('token')
        location.href='/login.html'
        // 3.关闭当前弹出层
        layer.close(index)
    })
})
})
// 1.异步获取用户完整信息的方法---------
function getUserInfo() {
    var token = localStorage.getItem('token')
    // a.发送异步请求
    $.ajax({
        type: 'get',
        url: '/my/userinfo',
        // headers就是请求头配置对象
        headers: {
            Authorization: token
        },
        success: function (res) {
            // console.log(res);
            if (res.status !== 0) {
                return layui.layer.msg('res.message')
            }
            renderAvarar(res.data)//加载成功则  渲染用户信息区域
        }
    })
    // 2渲染用户信息的 方法-----------
    function renderAvarar(userinfo) {
        // a显示用户昵称
        var uName = userinfo.nickname || userinfo.username
        $('.welcome').html('欢迎' + uName)
        // b显示用户头像
        // b1图片头像
        if (userinfo.user_pic != null) {
            $('.userinfo .text-avatar').hide()
            $('.userinfo img').attr('src', userinfo.user_pic).show()
        } else {//b2文本头像
        // b2.1提取名字的首字符 并转换成大写
        $('.userinfo img').hide()
        var firstChar = uName[0].toUpperCase();
        // b2.2将首字符设置给标签
        $('.userinfo .text-avatar').html(firstChar).show()
        }
    }
}